<!-- Columns -->
<div id="cols" class="box"> 
    <!-- Content (Right Column) -->
    <div id="content">
        <h1>REPORTES</h1>
        <div class="grid-buttons">
            <div class="content-gird">
                <div class="button">
                    <?php if(empty($datos)):?>
    <article class="module width_3_quarter" style="padding: 0 5px;">
		<header><h3 class="tabs_involved">REPORTES POR PRODUCTO</h3></header>
    <div class="tab_container"> 
			<p>POR FAVOR INSERTE EL INTERVALO DE FECHAS</p>
			<div id="tab1" class="tab_content">
				 <?php  echo $this->Form->create('Hojasproduccione',array('url' => array('controller' => 'reportes', 'action' => 'productos')));?>
				 <label>Fecha inicial</label>
				 <?php echo $this->Form->text('fecha_inicio',array('id'=>'fecha_inc')); ?>
				 <label>Fecha Final</label>
				 <?php echo $this->Form->text('fecha_fin',array('id'=>'fecha_inc2')); ?>
				 <label>Producto</label>
				 <?php echo $this->Form->select('tipotrabajo',$tipos); ?>
                  <label>Sucursal</label>
                 <?php echo $this->Form->select('sucursal_id',$sucursales); ?>
				 <div style="padding-top:10px"></div>
				 <?php  $options = array( 'Value'=>'Generar Reporte', 'class' => 'button'); ?>
  <?php echo $this->Form->end($options);?>
			</div>
		</div>
</article>
<article class="module width_3_quarter" style="padding: 0 5px;">
		<header><h3 class="tabs_involved">REPORTES POR CLIENTE</h3></header>

		<div class="tab_container"> 
			<p>POR FAVOR INSERTE EL INTERVALO DE FECHAS</p>
			<div id="tab1" class="tab_content">
				 <?php  echo $this->Form->create('Trabajo',array('url' => array('controller' => 'reportes', 'action' => 'clientes')));?>
				 <label>Fecha inicial</label>
				 <?php echo $this->Form->text('fecha_inicio',array('id'=>'fecha_inc3')); ?>
				 <label>Fecha Final</label>
				 <?php echo $this->Form->text('fecha_fin',array('id'=>'fecha_inc4')); ?>
				 <label>Cliente</label>
				 <?php echo $this->Form->select('cliente_id',$clientes); ?>
                  <label>Sucursal</label>
                 <?php echo $this->Form->select('sucursal_id',$sucursales); ?>
				 <div style="padding-top:10px"></div>
				 <?php  $options = array( 'Value'=>'Generar Reporte', 'class' => 'button'); ?>
  <?php echo $this->Form->end($options);?>
			</div>
		</div>
</article>
<article class="module width_3_quarter" style="padding: 0 5px;">
		<header><h3 class="tabs_involved">REPORTES TOTAL TRABAJOS</h3></header>

		<div class="tab_container"> 
			<p>POR FAVOR INSERTE EL INTERVALO DE FECHAS</p>
			<div id="tab1" class="tab_content">
				 <?php  echo $this->Form->create('Hojasproduccione',array('url' => array('controller' => 'reportes', 'action' => 'total')));?>
				 <label>Fecha inicial</label>
				 <?php echo $this->Form->text('fecha_inicio',array('id'=>'fecha_inc5')); ?>
				 <label>Fecha Final</label>
				 <?php echo $this->Form->text('fecha_fin',array('id'=>'fecha_inc6')); ?>
                  <label>Sucursal</label>
                 <?php echo $this->Form->select('sucursal_id',$sucursales); ?>
                 <label>Tipo Nota</label>
                 <?php echo $this->Form->select('tipo_nota',$tipo_nota); ?>
					<div style="padding-top:10px"></div>
				 <?php  $options = array( 'Value'=>'Generar Reporte', 'class' => 'button'); ?>
  <?php echo $this->Form->end($options);?>
			</div>
		</div>
</article>
<article class="module width_3_quarter" style="padding: 0 5px;">
    <header><h3 class="tabs_involved">REPORTES POR TIPO DE PAGO</h3></header>

    <div class="tab_container"> 
      <p>POR FAVOR INSERTE EL INTERVALO DE FECHAS</p>
      <div id="tab1" class="tab_content">
         <?php  echo $this->Form->create('Hojasproduccione',array('url' => array('controller' => 'reportes', 'action' => 'pagos ')));?>
         <label>Fecha inicial</label>
         <?php echo $this->Form->text('fecha_inicio',array('id'=>'fecha_inc8')); ?>
         <label>Fecha Final</label>
         <?php echo $this->Form->text('fecha_fin',array('id'=>'fecha_inc9')); ?>
                  <label>Sucursal</label>
                 <?php echo $this->Form->select('sucursal_id',$sucursales); ?>
                 <label>Tipo Pago</label>
                 <?php   $options=array('contado'=>'Contado','credito'=>'Credito','saldo'=>'Saldo');?>
                 <?php echo $this->Form->select('tipo_pago',$options); ?>
          <div style="padding-top:10px"></div>
         <?php  $options = array( 'Value'=>'Generar Reporte', 'class' => 'button'); ?>
  <?php echo $this->Form->end($options);?>
      </div>
    </div>
</article>
<article class="module width_3_quarter" style="padding: 0 5px;">
    <header><h3 class="tabs_involved">REPORTES POR TIPO DE USUARIO Y SUCURSAL</h3></header>

    <div class="tab_container"> 
      <p>POR FAVOR INSERTE EL INTERVALO DE FECHAS</p>
      <div id="tab1" class="tab_content">
         <?php  echo $this->Form->create('Hojasproduccione',array('url' => array('controller' => 'reportes', 'action' => 'usuarios')));?>
         <label>Fecha inicial</label>
         <?php echo $this->Form->text('fecha_inicio',array('id'=>'fecha_inc10')); ?>
         <label>Fecha Final</label>
         <?php echo $this->Form->text('fecha_fin',array('id'=>'fecha_inc11')); ?>
                  <label>Sucursal</label>
                 <?php echo $this->Form->select('sucursal_id',$sucursales); ?>
                  <label>Tipo Nota</label>
                 <?php echo $this->Form->select('tipo_nota',$tipo_nota);?>
                  <label>Usuario</label>
                 <?php echo $this->Form->select('usuario_id',$usuarios); ?>
          <div style="padding-top:10px"></div>
         <?php  $options = array( 'Value'=>'Generar Reporte', 'class' => 'button'); ?>
  <?php echo $this->Form->end($options);?>
      </div>
    </div>
</article>
<?php else:?>

<?php endif;?>	
                </div>

                <div style="float:left;">
                    
                </div>
                <div class="clear"> </div>
            </div>

        </div>

    </div>
    <!-- /content --> 

</div>
<!-- /cols -->





<script type="text/javascript">
   jQuery(document).ready(function() {

         jQuery("#btnImprimir").click(function() {
             //printElem({ leaveOpen: true, printMode: 'popup' });
             printElem({ overrideElementCSS: ['http://www.tickets.com/css/printable.css'] });
         });


     });
 function printElem(options){
     jQuery('#print').printElement(options);
 }

 </script>
 <script type="text/javascript">
		jQuery(document).ready(function(){
    		var opts={
    		changeMonth:true,
    		changeYear:true,
    		dateFormat: "dd-mm-yy",
           
    		};
            jQuery("#fecha_inc").datepicker(opts);
        });
</script>
<script type="text/javascript">
		jQuery(document).ready(function(){
    		var opts={
    		changeMonth:true,
    		changeYear:true,
    		dateFormat: "dd-mm-yy",
           
    		};
            jQuery("#fecha_inc2").datepicker(opts);
        });
</script>
<script type="text/javascript">
		jQuery(document).ready(function(){
    		var opts={
    		changeMonth:true,
    		changeYear:true,
    		dateFormat: "dd-mm-yy",
           
    		};
            jQuery("#fecha_inc3").datepicker(opts);
        });
</script>
<script type="text/javascript">
		jQuery(document).ready(function(){
    		var opts={
    		changeMonth:true,
    		changeYear:true,
    		dateFormat: "dd-mm-yy",
           
    		};
            jQuery("#fecha_inc4").datepicker(opts);
        });
</script>
<script type="text/javascript">
		jQuery(document).ready(function(){
    		var opts={
    		changeMonth:true,
    		changeYear:true,
    		dateFormat: "dd-mm-yy",
           
    		};
            jQuery("#fecha_inc5").datepicker(opts);
        });
</script>
<script type="text/javascript">
		jQuery(document).ready(function(){
    		var opts={
    		changeMonth:true,
    		changeYear:true,
    		dateFormat: "dd-mm-yy",
           
    		};
            jQuery("#fecha_inc6").datepicker(opts);
        });
</script>
<script type="text/javascript">
    jQuery(document).ready(function(){
        var opts={
        changeMonth:true,
        changeYear:true,
        dateFormat: "dd-mm-yy",
           
        };
            jQuery("#fecha_inc8").datepicker(opts);
        });
</script>
<script type="text/javascript">
    jQuery(document).ready(function(){
        var opts={
        changeMonth:true,
        changeYear:true,
        dateFormat: "dd-mm-yy",
           
        };
            jQuery("#fecha_inc10").datepicker(opts);
        });
</script><script type="text/javascript">
    jQuery(document).ready(function(){
        var opts={
        changeMonth:true,
        changeYear:true,
        dateFormat: "dd-mm-yy",
           
        };
            jQuery("#fecha_inc11").datepicker(opts);
        });
</script>
<script type="text/javascript">
    jQuery(document).ready(function(){
        var opts={
        changeMonth:true,
        changeYear:true,
        dateFormat: "dd-mm-yy",
           
        };
            jQuery("#fecha_inc9").datepicker(opts);
        });
</script>